<template>
    <view class="diy-live">
        <view class="ptitle">直播列表</view>
        <view class="item" v-for="(item, index) in dataList" :key="index">
            <navigator class="room" :url="'plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + item.roomid + '&custom_params=' + item.roomid">
                <view class="img"><image :src="item.cover_img"></image></view>
                <view class="info">
                    <view class="detail">
                        <view class="in">
                            <text class="label">主题</text>
                            :
                            <text class="title">{{ item.name }}</text>
                        </view>
                        <view class="in">
                            <text class="label">主播</text>
                            :{{ item.anchor_name }}
                        </view>
                        <view class="in" v-if="item.timeInfo">
                            <text class="label">开播:</text>
                            :{{ item.timeInfo }}
                        </view>
                        <view class="in">
                            <text class="label">时间:</text>
                            <text class="time-set">{{ item.timeSet }}</text>
                        </view>
                        <view class="in">
                            <text class="label">状态:</text>
                            {{ item.status }}
                        </view>
                    </view>
                </view>
                <view class="clear"></view>
            </navigator>
        </view>
    </view>
</template>

<script>
const app = getApp();
export default {
    data() {
        return {};
    },
    options: {},
    /**
     * 组件的属性列表
     * 用于组件自定义设置
     */
    props: {
        itemIndex: String,
        itemStyle: Object,
        dataList: Object
    },
    /**
     * 组件的方法列表
     * 更新属性和数据的方法与更新页面数据的方法类似
     */
    methods: {},
    created: function () {}
};
</script>
<style>
@import './live.css';
</style>
